

.re-main{
    width: 100%;
    .re-page{
        width: 100%;
        .re-col{
            max-width: 980px;
            margin: 30px auto;
            box-sizing: border-box;
            .col-main{
                box-sizing: border-box;
                .re-center{
                    border: 1px solid #d9d9d9;
                    padding: 30px;
                    width: 720px;
                    box-sizing: border-box;
                    margin: auto;
                    .re-title{
                        font-size: 24px;
                        font-weight: 600;
                        color: #636363;
                        border-bottom: 1px solid #d9d9d9;
                        padding-bottom: 3px;
                        margin-bottom: 15px;
                        }
                    .p-re{
                            color: #a0a0a0;
                            font-size: 12px;
                            span{
                                display: block;
                            }
                            .sp2-re{
                                margin: 10px 0;
                            }
                        }
                    .re-inside{
                        width: 100%;
                        height: 210px;
                        position: relative;
                        .re-left{
                            width: 49.5%;
                            float: left;
                            padding: 10px 40px 10px 30px;
                            position: relative;
                            box-sizing: border-box;
                            .re-block{
                                width: 100%;
                                margin-top: 20px;
                                .li-name{
                                    height: 55px;
                                    display: flex;
                                    justify-content: space-between;
                                    .p-name{
                                        height: 30px;
                                        line-height: 30px;
                                        font-size: 12px;
                                        &::after{
                                            content: "*";
                                        }
                                    }
                                    .login-in{
                                        width: 180px;
                                        .name{   
                                            float: right;  
                                            margin-bottom: 6px;
                                            background: #ebebeb !important;
                                            border: 1px solid #ebebeb !important;
                                            display: block;
                                            float: left;
                                            font-size: 11px;
                                            line-height: 28px;
                                            border-radius: 5px;
                                            height: 30px;
                                            padding: 0 8px;

                                        }
                                        .log{
                                            color: red;
                                             font-size: 12px;
                                              display: none;
                                        }
                                    }


                                    }
                                .li-check{
                                    width: 100%;
                                    height: 55px;
                                    margin-bottom: 0;
                                    font-size: 12px;
                                    .check-block{
                                        width: 100%;
                                        display: table;
                                        .sign{
                                            width: 20px;
                                            display: table-cell;
                                            vertical-align: top;
                                            padding-right: 10px;
                                            box-sizing: border-box;
                                            .sign-ch{
                                                cursor: pointer;
                                                display: inline-block;
                                                width: 16px;
                                                height: 16px;
                                                background: url("https://www.dior.cn/beauty/zh_cn/store/skin/frontend/dior/pc/images/checkout/checkboxBtn.png");
                                                &.box{
                                                    background: url("https://www.dior.cn/beauty/zh_cn/store/skin/frontend/dior/pc/images/checkout/checkedBtn.png");
                                                }
                                            }
                                        }
                                        .agree{
                                            color: #969595;
                                            height: auto;
                                            .sp-agree{
                                                cursor: pointer;
                                                text-decoration: underline;
                                                color: black;
                                            }
                                        }
                                    }
                                }
                                .li-login{
                                    height: 30px;
                                    display: flex;
                                    justify-content: space-between;
                                    .forget{
                                        font-size: 12px;
                                        color: #787878;
                                        text-decoration: underline;
                                    }
                                   
                                        .btn{
                                            cursor: pointer;
                                            border: 0;
                                            background-color: black;
                                            color: white;
                                            border-radius: 15px !important;
                                            padding: 7px 15px;
                                            display: inline-block;
                                            font-size: 0.75rem;
                                            line-height: 14px;
                                        }
                                    
                                }
                            }
                        }
                        .re-right{
                            width: 49.5%;
                            float: right;
                            padding: 60px 50px;
                            margin-right: 0;
                            position: relative;
                            box-sizing: border-box;
                            &::before{
                                content: '';
                                width: 1px;
                                height: 145px;
                                background: #d4d4d4;
                                position: absolute;
                                left: 0;
                                top: 50px;
                            }
                            
                                .box-right{
                                     color: #636363;
                                     .right-top{
                                        font-size: 20px;
                                    }
                                    .right-under{
                                        margin-right: 0;
                                        margin-top: 20px;
                                        line-height: 20px;
                                        font-size: 12px;
                                    }
                                }
                                .create{
                                    width: 100%;
                                    .a-create{
                                        margin-top: 50px;
                                        width: 100%;
                                        background: #fff !important;
                                        border: 1px solid #000;
                                        color: #000 !important;
                                        height: 30px;
                                        box-sizing: border-box;
                                        border-radius: 15px;
                                        line-height: 30px;
                                        text-transform: uppercase;
                                        font-size: 12px;
                                        text-align: center;
                                    }
                                    }
                                }
                               
                    }
                    }
                }
            }
        }
    }
